<template>
  <view class="pages">
    <view class="card" @click="goPages(item.id)" v-for="item,index in list" :key="index"
      ><p>{{item.title}}</p>
      <u-icon name="arrow-right" color="#999999" size="16"></u-icon></view>
  </view>
</template>

<script>
export default {
  data() {
    return {
		list:[]
	};
  },
  onLoad(e) {
  	this.rq.getData('daren/introduce',{cate_id:e.id}).then(res=>{
		this.list = res.data.data
	})
  },
  methods: {
    goPages(id) {
      uni.navigateTo({
        url: "/subpages/platform/why/why?id="+id,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.pages {  
  .card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20rpx;
    margin: 20rpx;
    background: #ffffff;
    border-radius: 15rpx;
  	font-size: 28rpx;
  }
}
</style>
